<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>测试1</h1>
<h1>测试2</h1>
<h1>测试3</h1>
<h1>测试4</h1>
<h1>测试5</h1>
<input type="text">
<input type="button" value="按钮">
<img src="a.jpg" alt="">
<!--
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
-->
<script src="jquery.min.js"></script>
<script>
    $("h1").text("测试成功!")
    $("input:last").click(function () {
    //    alert($("input:first").val())
     //   $("h1:eq(3)").text("xxx");
        let x=parseInt(Math.random()*$("h1").length);
         $("h1:eq("+x+")").text($("input:first").val())
    })
    $("h1").css("color","red");
    console.log($("h1").css("color"));
    
</script>
</body>
</html>